<template>
  <el-row>
    <el-col :span="24">
      <slash-panel>
        <slash-panel-header title="${tableNote}"></slash-panel-header>
        <el-row>
          <el-col :span="24">
            <slash-panel-body>
              <el-row>
                <el-form :inline="true" class="demo-form-inline">
                  <el-form-item label="关键字">
                    <el-input
                        clearable
                        v-model="queryParamRef.searchKey"
                        placeholder="请输入关键字"
                        @change="doSearchList"
                    ></el-input>
                  </el-form-item>
                  <el-form-item>
                    <el-button type="default" @click="doReset">重置</el-button>
                    <el-button type="primary" @click="doSearchList">查询</el-button>
                  </el-form-item>
                </el-form>
              </el-row>
              <el-row>
                <el-button type="primary" @click="doAddOrUpdate()">新增</el-button>
                <el-button
                    type="success" @click="onUpdateBtnEvent()" :disabled="!viewConfRea.editBtn">修改
                </el-button>
                <el-button type="danger" @click="onDeleteBtnEvent" :disabled="!viewConfRea.delBtn" >删除</el-button>
                <el-button-group class="ml-25">
                  <el-button type="default" :disabled="!viewConfRea.importBtn">导入数据</el-button>
                  <el-button type="default" :disabled="!viewConfRea.exportIdsBtn">导出选中项</el-button>
                  <el-button type="default" :disabled="!viewConfRea.exportWhereBtn">按条件导出</el-button>
                </el-button-group>

              </el-row>
            </slash-panel-body>
            <slash-panel-body v-loading="viewConfRea.tableLoading">
              <el-table :data="tableListRef"
                        border
                        style="width: 100%"
                        @selection-change="onCheckedRow"
              >
                <el-table-column
                    type="selection"
                    prop="date"
                    label="序号"
                    width="60"
                    align="center"
                ></el-table-column>
                #foreach($col in $fullColumnList)
         #set($upropertyName="${col.propertyName.substring(0, 1).toUpperCase()}${col.propertyName.substring(1)}")
         <el-table-column prop="${col.propertyName}" label="${col.column_comment}" align="center"></el-table-column>
         #end
                <el-table-column prop="id" label="操作" width="160">
                  <template #default="scope">
                    <el-link class="mr-10" @click="onUpdateBtnEvent(scope.row)" type="primary">编辑
                    </el-link>
                    <el-link class="mr-10" @click="onDeleteBtnEvent(scope.row)" type="primary">删除
                    </el-link>
                  </template>
                </el-table-column>
              </el-table>
              <slash-pagination @on-change="onPageChangeEvent" :total="viewConfRea.tableListTotal" :current-page="queryParamRef.currentPage" :page-size="queryParamRef.pageSize"></slash-pagination>
            </slash-panel-body>
          </el-col>
        </el-row>
      </slash-panel>
    </el-col>
  </el-row>
</template>
<script lang="ts">
import ${entityName}List from "./${entityName}List";
export default ${entityName}List;
</script>